<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<!--		引入axios-->
		<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js"></script>
		<!-- 引入el框架 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<style>
#demo{
        background:#FFFFFF;
		border:none;
		height:25px; 
		font-size:19px;
		width:180px;
		padding:3px;
		position:absolute;
	    margin-left:283px;
		margin-top:15px
   }
   #demo5{
        background:#FFFFFF;
		border:none;
		color:#FC1944;
		font-size:15px;
		width:60px;
		position:absolute;
	    margin-left:285px;
		margin-top:30px
   }
   #demo1{
        background:#FFFFFF;
		border:none;
		color:#FC1944;
		font-size:15px;
		width:60px;
		position:absolute;
	    margin-left:327px;
		margin-top:32px
   }
   #demo7{
        background:#FFFFFF;
		border:none;
		font-size:8px;
		width:60px;
		position:absolute;
	    margin-left:290px;
		margin-top:56px
   }
   #demo2{
        background:#FFFFFF;
		border:none;
		color:#FC1944;
		font-size:6px;
		width:100px;
		position:absolute;
	    margin-left:320px;
		margin-top:76px
   }
   #demo3{
        background:#FFFFFF;
		border:none;
		font-size:6px;
		width:60px;
		position:absolute;
	    margin-left:288px;
		margin-top:76px
   }
   #demo8{
        background:#FFFFFF;
		border:none;
		font-size:4px;
		width:35px;
		position:absolute;
	    margin-left:428px;
		margin-top:76px
   }
   #demo9{
        background:#FFFFFF;
		border:none;
		color:#FC1944;
		font-size:4px;
		width:40px;
		position:absolute;
	    margin-left:456px;
		margin-top:76px
   }
   #demo4{
       position:absolute;
	   margin-left:0px;
   }
   #dem3{
	   background:#FFFFFF;
	   border:none;
	   font-size:12px;
	   width:40px;
	   position:absolute;
	   margin-left:300px;
	   margin-top:102px;
	   }
   #app{
        background:#FFFFFF;
	    border:none;
		font-size:16px;
		width:150px;
		position:absolute;
		margin-left:290px;
		margin-top:90px;
		transform :scale(0.5)
   }
   #dem1{
        background:#FFFFFF;
		color:#FC1944;
		font-size:14px;
		width:80px;
		align:center;
		text-align:center;
		position:absolute;
	    margin-left:300px;
		margin-top:130px
   }
   #dem2{
        background:#FFFFFF;
		color:#FC1944;
		font-size:14px;
		width:80px;
		align:center;
		text-align:center;
		position:absolute;
	    margin-left:400px;
		margin-top:130px
   }
	</style>
	</head>
	<body>
			<article  style="margin:10px auto;width:500px;height:185px;  background:#FFFFFF;padding:0px;border:2px solid #2CC3CF">
						    <figure style="margin:auto;">
			                <img src="img/1.png" width="280px" height="185px" alt="" id="demo4">
						   <input type="text"  name=""required  value="药品名称"
							id="demo"><br>
							<input value="价格：" id="demo5"><input type="text"  name=""required id="demo1" value="88888">
							<input value="免运费" id="demo7">
							<input value="累计评价" id="demo3">
			                  <input type="text"  name=""required id="demo2" value="1352346" >
							<input value="送积分" id="demo8">
			                  <input type="text"  name=""required id="demo9" value="666"  >
							  <input value="数量" id="dem3">
							  <div class="bill" id="app">
							  	<template>
							  	  <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
							  	</template>
							  	<script>
							  	  var app = new Vue({
							  		el: '#app',
							  	    data() {
							  	      return {
							  	        num: 1
							  	      };
							  	    },
							  	    methods: {
							  	      handleChange(value) {
							  	        console.log(value);
							  	      }
							  	    }
							  	  });
							  	</script>
							  </div>
							  <input value="立即购买" id="dem1" style="border:1.5px solid #FC1944">
							  <input value="加入购物车" id="dem2" style="border:1.5px solid #FC1944">
			                </figure>
				</article>	  
	</body>
</html>
